<template>
	<view class="load_img" v-show="loading" v-bind:class="!loadtext?'bg':''">
		<view class="img_box_i">
			<vimage class="image" imgtype="1" src="static/images/nloading.gif" mode=""></vimage>
			<text>{{loadtext}}</text>
			</view>
	</view>
</template>

<script>
import {mapState, mapMutations} from 'vuex';
export default {
	name: 'nloading',
	computed: {
		...mapState(['loading','loadtext'])
	}
};
</script>

<style lang="scss">
.load_img {
	position: fixed;
	top: 0;
	left: 0;
	// background-color: #ffffff;
	background: rgba(0,0,0,.4);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 100000;
	.image {
		width:150rpx;
		height: 150rpx;
		z-index: 100000;
	}
}
.bg{
	background-color: #ffffff;
}
.img_box_i {
	background-color: #ffffff;
	width: 200rpx;
	height: 200rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30rpx;
	flex-direction: column;
}
</style>
